@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;list-style-type:none;background-color:#e30d1d; width:100%; height:100%; overflow-x:hidden;}
img{ display:block;}
.zonbox{ width:90%; height:100%; margin-left:5%; margin-top:5%; margin-right:5%;overflow: hidden;}
.logo{width:100%;}
.logo img{ width:70%;}
.yao_bg{width:100%; margin-top:20%; margin-left:10%;}
.yao_bg img{ width:78%;}
.yao{width:100%; margin-top:5%; margin-left:30%;}
.yao img{ width:38%;}
.kuan_bg{ position:relative;width:100%;margin-top:5%; margin-left:8%; margin-bottom:5%;}
.kuan_bg img{ width:84%;}
.kuan_bg .gx_bg{ position:absolute; left:10%; top:28%; width:100%;}
.kuan_bg .gx_bg img{width:66%;}
.gift .getgift{ color: #f95764;text-decoration: none;}
.gift .money{ color: #f2d44e;font-size: 18px;margin-right: 5px;}
.gift p{ color: #fff;margin-bottom: 0;line-height: 25px;font-size: 15px;margin-top: 0;text-align: center;}
.kuan_bg .gift { width: 84%;left: 0;}
.hide { display: none;}
.move {
	-webkit-animation: moveCircle ease-in-out 2s both;
	animation: moveCircle ease-in-out 2s both;
}
.moveFromBottom {
	-webkit-animation: moveFromBottom 1s ease both;
	animation: moveFromBottom 1s ease both;
}
@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-5%);}
	5% { -webkit-transform: translateY(-5%);}
	35% { -webkit-transform: translateY(5%);}
	60% { -webkit-transform: translateY(8%);}
	65% { -webkit-transform: translateY(10%);}
	100% { -webkit-transform: translateY(0%);}
}
@keyframes moveCircle {
	0% { -webkit-transform: translateY(-5%);
		transform: translateY(-5%);}
	5% { -webkit-transform: translateY(-5%);
		transform: translateY(-5%);}
	35% { -webkit-transform: translateY(8%);
		transform: translateY(5%);}
	60% { -webkit-transform: translateY(10%);transform: translateY(10%);}
	65% { -webkit-transform: translateY(10%);transform: translateY(10%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}
@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(200%); }
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(200%); transform: translateY(200%); }
}